






<!--
                                                           
  88              88                                     88  
  88              88                                     88  
  88              88                                     88  
  88  ,adPPYYba,  88,dPPYba,   8b,dPPYba,    ,adPPYba,   88  
  88  ""     `Y8  88P'    "8a  88P'   `"8a  a8"     "8a  88  
  88  ,adPPPPP88  88       d8  88       88  8b       d8  88  
  88  88,    ,88  88b,   ,a8"  88       88  "8a,   ,a8"  88  
  88  `"8bbdP"Y8  8Y"Ybbd8"'   88       88   `"YbbdP"'   88  
                                                         
-->

























<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Search with Social Analytics</title>
<meta name="description" content="Google Search with Social Analytics integrates Facebook Likes, Twitter counts and Google Plus shares in Gooogle Web Search Results" />
<link rel="search" type="application/opensearchdescription+xml" title="Google Social" href="http://ctrlq.org/google/search.xml">
<link href="yui.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="Digital Inspiration Tech Blog" href="http://feeds.labnol.org/labnol" />
<link  href="http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco:regular" rel="stylesheet" type="text/css" >
<script type="text/javascript" src='http://s7.addthis.com/js/250/addthis_widget.js'></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-50062-24']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

<script type="text/javascript">
  var query = "";
  var hash = false;
  google.load('search', '1', {language : 'en'});
  google.load("jquery", "1.7.1");  
  google.setOnLoadCallback(function() {
    var cse = new google.search.CustomSearchControl('013096741740540092589:tc8vypssurg');
    cse.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    cse.setLinkTarget(google.search.Search.LINK_TARGET_BLANK);
    google.search.Csedr.addOverride("labnol_");
    var options = new google.search.DrawOptions(); 
    options.setInput(document.getElementById('q'));
    cse.draw('cse', options);
    var queryFromUrl = inithash();
    if (queryFromUrl) {
      cse.execute(queryFromUrl);
    }
  pollhash();
  }, true);

  function doSearch() {
	window.location.reload();
        return false;
  }

  function pollhash () {
    if (document.getElementById('q').value == "") {
      window.location.hash = "";
      document.title = "Google Search with Social Analytics";
    }
    if (hash != window.location.hash) {
      hash = window.location.hash;
      document.title = decodeURIComponent(window.location.hash.substring(1)) + " - Google Social Search";
    } t = setTimeout("pollhash()", 500);
   }

  function inithash () {
    if (location.href.indexOf("#") != -1) {
     return decodeURIComponent(window.location.hash.substring(1));
    }
var queryParamName = "q";
var search = window.location.search.substr(1);
var parts = search.split('&');
for (var i = 0; i < parts.length; i++) {
	var keyvaluepair = parts[i].split('=');
	if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {
	return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));
	}
}
    
    return '';
  }

</script>

<style>
.socialstats{margin:1em 0 0 0}
.gsc-result-info {display:none;}
.gs-image{border:none;}
.gsc-webResult .gsc-result {padding:1.2em .6em}
</style>

</head>
<body class="yui-skin-sam">
<div id="custom-doc" class="yui-t7">
  <div id="hd">
    <h1><a href="/google">Google with Social Stats</a></h1>
    <div class="search">
      <div class="searchBox" id="cse-search-form">
        <input type="text" value="" id="q" autocomplete="off">
        <input type="submit" value="Search" id="searchBtn" class="submit" onClick="doSearch()">
      </div>
    </div>
  </div>
  <div id="bd">
    <div class="yui-g">
<div style="display:none">
    <div id="labnol_thumbnail">
    <div data-attr="0" data-vars="{tn:Vars.cseThumbnail && cseThumbnail.src
        ? cseThumbnail : {src:Vars.document && document.thumbnailUrl}}">
        <div data-if="tn.src" class="gs-image-box gs-web-image-box"> <a class="gs-image" data-attr="{href:url,target:target}"> <img class="gs-image" src=""
            data-attr="{src:tn.src, width:62}"/> </a> </div>
      </div>
  </div>
    <div id="labnol_webResult">
    <div class="gs-webResult gs-result"
      data-vars="{longUrl:function() {
        var i = unescapedUrl.indexOf(visibleUrl);
        return i < 1 ? visibleUrl : unescapedUrl.substring(i);}}">
        <table>
        <tr>
            <td valign="top"><div data-if="Vars.richSnippet" data-attr="0"
        data-body="render('thumbnail',richSnippet,{url:unescapedUrl,target:target})"></div></td>
            <td valign="top"><div class="gs-title"> <a class="gs-title" data-attr="{href:unescapedUrl,target:target}"
          data-body="html(title)"></a> </div>
            <div class="gs-snippet" data-body="html(content)"></div>
    <div class="gs-visibleUrl gs-visibleUrl-short" data-body="longUrl()"></div>
            <div data-if="Vars.richSnippet && Vars.richSnippet.action" class="gs-actions"
        data-body="render('action',richSnippet,{url:unescapedUrl,target:target})"></div>
        </td>
          </tr>
      </table>
<div class="socialstats"><div class="addthis_toolbox addthis_default_style"  data-attr="{'addthis:url':unescapedUrl}"> <a data-attr="{'fb:like:href':unescapedUrl}" class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> </div></div>
      </div>
  </div>
  </div>
<div id="cse"></div>
    </div>
  </div>
  <div id="ft">
    <p>Facebook Likes, Tweet Counts and Google+ Shares are a good indicator of an article's popularity on the web. And that's exactly what the above Google Custom Search Engine is all about. [<a href="javascript:onClick=window.external.AddSearchProvider('http://ctrlq.org/google/search.xml');">Add to Browser</a>]</p><br /><p>It serves standard Google web search results but enhanced with image thumnails and social statistics so you can easily spot the most popular stories. <a href="http://www.youtube.com/watch?v=hF4QndFqiPA" target="_blank">Video Demo</a>.</p>

    <p class="copy">&copy; 2012 - <a href="http://www.labnol.org/" target="_blank">Digital Inspiration</a></p>
  </div>
</div>
</body>
</html>


